<template>
  <div class="app-container">
    <div class="container">
      <!--tab页-->
      <el-tabs v-model="activeName" class="tab-wrapper">
        <el-tab-pane label="订单佣金记录" name="first">
          <order-commission v-if="activeName === 'first'"/>
        </el-tab-pane>
        <el-tab-pane label="分销员业绩统计" name="second">
          <dist-performance v-if="activeName === 'second'"/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import distPerformance from './distPerformance'
import orderCommission from './orderCommission'

export default {
  name: 'Statistic',
  components: { distPerformance, orderCommission },
  data() {
    return {
      activeName: 'first'
    }
  }
}
</script>

<style scoped lang="scss">
.tab-wrapper{
  min-height: 80vh;
  width:100%;
}
</style>
